.titleAre{
    width: 100%;
    height: 60px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f7;
}

.titleItem{
    margin-left: 20px
}

.titleItem text{
    margin-right: 10px
}

.foodDetailsAre{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.foodItemAre{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.foodItemAre:first-child{
    margin-top: 0
}

.lightBoxGallery img{
    margin: 5px;
    width: 200px;
}